﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true" CodeFile="Pedido.aspx.cs" Inherits="Pedido" %>

<asp:Content ID="Content1" ContentPlaceHolderID="Cabecera" runat="Server">
    <script>
        $(document).ready(function () {
            $('#form_validar').bootstrapValidator({
                message: 'Este valor no es valido.',
                fields: {
                    <%= txtCantidad.UniqueID %>: {
                        message: 'La cantidad no es valida.',
                        validators: {
                            notEmpty: {
                                message: 'La cantidad no puede estar vacia.'
                            },                             
                            digits:{
                                message: 'La cantidad solo puede ser numerica.'
                            }
                        }
                    },
                    <%= txtPrecio.UniqueID %>: {
                        message: 'El precio no es valido.',
                        validators: {
                            notEmpty: {
                                message: 'El precio no puede estar vacio.'
                            },                             
                            numeric:{
                                message: 'El precio solo puede ser numerico.'
                            }
                        }
                    }
                }
            });
            $("#btnGuardar").click(function(e){
                e.preventDefault();
                //si es falso muestra los mensajes
                if (!$('#form_validar').data('bootstrapValidator').isValid()){
                    $('#form_validar').bootstrapValidator('validate');}

                if($('#form_validar').data('bootstrapValidator').isValid() == true){
                    var clickButton = document.getElementById("<%=btnSave.ClientID %>");
                    clickButton.click();
                }
            }); 
        });
    </script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
    <div class="form-horizontal" id="contenedor">
        <fieldset>
            <legend>Pedidos De CDs</legend>
            <div class="form-group">
                <div class="col-sm-12 alert alert-info" runat="server" id="alerta">
                    <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-12 alert alert-success pull-right" runat="server" id="exito">
                    <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
                    <strong>Exito!</strong> Se registro con exito su pedido.
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2">
                    <label for="cboProveedor" class="control-label">Proveedor</label>
                </div>
                <div class="col-sm-3">
                    <asp:DropDownList runat="server" CssClass="form-control" ID="cboProvedor" AutoPostBack="true" OnSelectedIndexChanged="cbo_index_change"></asp:DropDownList>
                </div>
                <div class="col-sm-2">
                    <asp:Button runat="server" CssClass="form-control" ID="btnProveedor" Text="Elejir" Enabled="false" OnClick="btn_proveedor_click" />
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-6 alert alert-info" runat="server" id="cd_actual">
                    <strong>Informacion!</strong>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-6 alert alert-info pull-right" runat="server" id="pedido_actual">
                    <strong>Informacion!</strong>
                </div>
            </div>
            <div id="form_validar">
                <div class="form-group">
                    <div class="col-sm-2">
                        <label for="txtPrecio" class="control-label">Precio por unidad</label>
                    </div>
                    <div class="col-sm-3">
                        <asp:TextBox runat="server" CssClass="form-control" ID="txtPrecio" placeholder="Precio"></asp:TextBox>
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-sm-2">
                        <label for="txtcantidad" class="control-label">Cantidad</label>
                    </div>
                    <div class="col-sm-3">
                        <asp:TextBox runat="server" CssClass="form-control" ID="txtCantidad" placeholder="Cantidad"></asp:TextBox>
                    </div>
                    <div class="col-sm-2">
                        <button type="submit" class="btn btn-sm btn-primary form-control" id="btnGuardar">Agregar</button>
                        <%--button asp.net runat sever--%>
                        <asp:LinkButton ID="btnSave" CssClass="btn btn-sm btn-primary" runat="server" OnClick="btn_guardar_click" Style="display: none">LinkButton</asp:LinkButton>
                        <%--message return from sever side--%>
                        <asp:Literal ID="Literal2" runat="server"></asp:Literal>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-12">
                    <div class="form-group pull-right">
                        <asp:Button ID="btnEliminar" runat="server" Text="Quitar" CssClass="btn btn-sm btn-danger" OnClick="btn_quitar_click" />
                        <asp:Button ID="btnConfirmar" runat="server" Text="Confirmar Pedido" CssClass="btn btn-sm btn-success" OnClick="btn_confirmar_click" />
                    </div>
                </div>
            </div>
        </fieldset>
        <div class="container">
            <div class="col-md-6 table-responsive">
                <h5 class="sub-header">CDs</h5>
                <asp:GridView ID="gvCD"
                    OnSelectedIndexChanged="gvCD_SelectedIndexChanged"
                    CssClass=" table table-bordered table-condensed"
                    AutoGenerateColumns="False"
                    runat="server">
                    <Columns>
                        <asp:CommandField ShowSelectButton="True" SelectText="Seleccionar" />
                        <asp:BoundField DataField="codigo_cd" HeaderText="Codigo" />
                        <asp:BoundField DataField="titulo" HeaderText="Titulo" />
                        <asp:BoundField DataField="fecha_ultima_reposicion" DataFormatString="{0:d}" HeaderText="Reposicion" />
                        <asp:BoundField DataField="stock" HeaderText="Stock" />
                    </Columns>
                </asp:GridView>
            </div>
            <div class="col-md-6 table-responsive">
                <h5 class="sub-header" runat="server" id="h5_pedido">Pedido</h5>
                <asp:GridView ID="gvPedido"
                    OnSelectedIndexChanged="gvPedido_SelectedIndexChanged"
                    CssClass=" table table-bordered table-condensed"
                    AutoGenerateColumns="False"
                    runat="server">
                    <Columns>
                        <asp:CommandField ShowSelectButton="True" SelectText="Seleccionar" />
                        <asp:BoundField DataField="codigo_cd" HeaderText="Codigo" />
                        <asp:BoundField DataField="titulo" HeaderText="Titulo" />
                        <%--<asp:BoundField DataField="fecha_ultima_reposicion" DataFormatString="{0:d}" HeaderText="Reposicion" />--%>
                        <asp:BoundField DataField="precio" HeaderText="Precio" />
                        <asp:BoundField DataField="cantidad" HeaderText="Cantidad" />
                    </Columns>
                </asp:GridView>

            </div>
        </div>
    </div>
</asp:Content>

